<template>
  <yd-layout class="m-collect">
    <!-- 顶部导航 -->
    <yd-navbar slot="navbar" title="我的收藏" height=".88rem" bgcolor="#fff" color="#444" fontsize=".3rem">
      <yd-navbar-back-icon slot="left" color="#666" @click.native="$router.back()"></yd-navbar-back-icon>
      <yd-icon name="search" slot="right" size=".34rem" color="#666" @click.native="$router.push('/search')"></yd-icon>
      <yd-icon name="home-outline" slot="right" size=".34rem" color="#666" @click.native="$router.push('/')"></yd-icon>
    </yd-navbar>

    <GoodsList v-if="collectType == 1" />

  </yd-layout>
</template>

<script>
  import GoodsList from './goodsList.vue'
  import ShopList from './shopList.vue'

  export default {
    data() {
      return {
        collectType: '1'
      }
    },
    methods: {
      onChangeTab(hash) {
        this.collectType = hash
      }
    },
    components: {
      GoodsList,
      ShopList
    }
  }
</script>

<style lang="scss">
  .m-collect {
    .yd-icon-search, .yd-icon-home-outline {
      padding: .2rem;
    }
  }
</style>